// // 获取当前开发环境 如果是开发阶段 打印的是development 如果是项目上线阶段 production
// // yarn serve  development  yarn build production
// const env = process.env.NODE_ENV
// console.log(env)
// module.exports = {
//   // devServer: {
//   //   open: true,
//   //   port: 3000
//   // },
//   // 将dist目录中引入资源文件变成相对路径
//   publicPath: './',
//   configureWebpack: (config) => {
//     // 如果是生产环境, 在打包之后的js中去掉console.log
//     if (env === 'production') {
//       config.optimization.minimizer[0].options.terserOptions.compress.drop_console = true
//     }
//   }
// }
// 获取当前的打包环境
const env = process.env.NODE_ENV
// 打包排除项
let externals = {}

// 根据打包环境，动态设置打包排除项
if (env === 'production') {
  // 以下对象的包 会yarn build的不打包都dist目录下
  externals = {
    // import 时的包名称: window 全局的成员名称
    vue: 'Vue',
    'vue-router': 'VueRouter',
    vuex: 'Vuex',
    axios: 'axios',
    dayjs: 'dayjs',
    echarts: 'echarts',
    'element-ui': 'ELEMENT',
    'vue-quill-editor': 'VueQuillEditor'
  }
}

module.exports = {
  // 省略其它代码...
  publicPath: './',
  // 增强 vue-cli 的 webpack 配置项
  configureWebpack: {
    // 打包优化
    externals
  },
  chainWebpack: (config) => {
    config.optimization.minimizer('terser').tap((args) => {
      args[0].terserOptions.compress.drop_console = true
      return args
    })
  }
}
